﻿<%@ page language="C#" title="SSICA.ORG | Register" autoeventwireup="true" inherits="Register, MainSite" masterpagefile="~/Site.Master" %>

<asp:Content runat="server" ID="FeaturedContent" ContentPlaceHolderID="BodyContent" ClientIDMode="Static">

    <script type="text/javascript">
        $(document).ready(function () {
        });
    </script>
    <form id="registrationForm" method="post" runat="server">
        <div class="contentfull">
            <div class="breadcrumbs">
                <ul id="crumbs">
                    <li><a title="My Account" href="http://drssica.com/Home/">Home</a>
                        <img src="Content/Images/separator.png" alt="&rarr;" class="separator">
                        Create an account
                    </li>
                </ul>
            </div>
            <div id="showMessages">
                <%= GetMessage() %>
            </div>
            <div class="top">
                <h1 class="center">Create an Account</h1>
            </div>
            <div class="content start-box">

                <section class="start-module">
                    <h2>Account Information</h2>
                    <div class="start-bg">
                        <input name="action" value="register" type="hidden">
                        <input name="newplan" value="free" type="hidden">

                        <div class="prepend-box">
                            <span class="add-on">
                                <img src="Images/names-32.png" alt="First Name"></span>
                            <label for="txtFirstName" class="prepend-label">First Name</label>
                            <asp:TextBox ID="txtFirstName" class="glow prepend" runat="server"></asp:TextBox>
                        </div>

                        <div class="prepend-box">
                            <span class="add-on">
                                <img src="Images/names-32.png" alt="Last Name."></span>
                            <label for="txtLastName" class="prepend-label">Last Name (Optional)</label>

                            <asp:TextBox ID="txtLastName" class="glow prepend" runat="server"></asp:TextBox>
                        </div>

                        <div class="prepend-box">
                            <span class="add-on">
                                <img src="Images/phone48.png" alt="Enter your Phone Number"></span>
                            <label for="txtPhoneNumber" class="prepend-label">Phone Number (Optional)</label>

                            <asp:TextBox ID="txtPhoneNumber" class="glow prepend" runat="server"></asp:TextBox>
                        </div>

                        <div class="prepend-box">
                            <span class="add-on">
                                <img src="Images/email32.png" alt="Enter your email address."></span>
                            <label for="email" class="prepend-label">Email Address</label>

                            <asp:TextBox ID="email" class="glow prepend" runat="server"></asp:TextBox>
                        </div>

                        <div class="prepend-box">
                            <span class="add-on">
                                <img src="Images/user32.png" alt="Enter your username."></span>
                            <label for="username" class="prepend-label">App Username</label>
                            <asp:TextBox ID="username" name="username" class="glow prepend" runat="server"></asp:TextBox>
                        </div>

                        <div class="prepend-box">
                            <span class="add-on">
                                <img src="Images/password32.png" alt="Enter a password."></span>
                            <label for="password" class="prepend-label">Password</label>
                            <asp:TextBox ID="password" name="password" class="glow prepend" runat="server" TextMode="Password"></asp:TextBox>
                        </div>

                        <div class="prepend-box">
                            <span class="add-on">
                                <img src="Images/password32.png" alt="Enter the same password."></span>
                            <label for="password2" class="prepend-label">Repeat Password</label>
                            <asp:TextBox ID="password2" name="password2" class="glow prepend" runat="server" TextMode="Password"></asp:TextBox>
                        </div>

                        <div class="prepend-box company">
                            <span class="add-on">
                                <img src="Images/web32.png" alt="Enter the name of your company."></span>
                            <label for="company" class="prepend-label">Company (Optional)</label>
                            <asp:TextBox ID="company" name="company" class="glow prepend" runat="server"></asp:TextBox>
                        </div>

                        <script>
                            // Load the inline label JS and call its function only if the browser supports CSS opacity.
                            Modernizr.load({
                                test: Modernizr.opacity,
                                yep: 'Scripts/jquery.inline-labels.js',
                                callback: function (url, result, key) {
                                    $('label.prepend-label').inlineLabel();
                                }
                            });
                        </script>
                    </div>
                </section>

                <section class="start-module">
                    <div class="start-bg">
                        <p>
                            By clicking <b>Create Account</b>, you agree to the 
		<a href="Terms.html" title="Terms and Conditions" target="_blank">Terms and Conditions</a> and 
		<a href="PrivacyPolicy.html" title="Privacy Policy" target="_blank">Privacy Policy</a>.
                        </p>
                        <asp:Button ID="CreateAccount" Text="Create Account" class="yellow_button yshort right" runat="server" OnClick="btnCreateAccount_Click"></asp:Button>
                    </div>
                </section>



            </div>
            <!--Content-->
        </div>
        <!--Content Full -->
    </form>

</asp:Content>
